<template>
	<view class="mainpadding">
		<u-popup :show="lhshow" @close="lhclose" mode="center" :round="10">
			<view class="" style="padding: 30rpx 30rpx 0;">
				<view class="bigtext fonweight xiaohei" style="width: 550rpx;">
					是否清空全部历史搜索记录？
				</view>
				<view class=" flexright" style="margin-top: 100rpx;">
					<view class="xiaohui sanshier margin_right3" @click="lhclose">取消</view>
					<view class="xiaolan sanshier fonweight">确定</view>
				</view>
			</view>
		</u-popup>
		<view class="flexbetween">
			<view class="flexleft ssousuobox1" @click="jumper('/pages_homepage/sousuozhong')">
				<view class="margin_right2">
					<u-icon name="search" color="#999999" size="28"></u-icon>
				</view>
				<input type="text" placeholder="输入商品搜索">
			</view>
			<view class="ershiba xiaohei" @click="tzsgjg">取消</view>
		</view>
		<view class="flexbetween margin_top" v-for="item in 4">
			<view class="flexleft">
				<view class="margin_right2">
					<u-icon name="clock" color="#333333" size="16"></u-icon>
				</view>
				<view class="ershiba xiaohei">马来西亚</view>
			</view>
			<view class="">
				<u-icon name="close" color="#333333" size="14"></u-icon>
			</view>
		</view>
		<view class="flexcenter margin_top xiahuaxian" @click="lhshow = true">
			<view class="sanshier xiaohui">清除全部搜索记录</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lhshow: false
			}
		},
		methods: {
			lhclose() {
				this.lhshow = false
			},
			jumper(url) {
				uni.navigateTo({
					url: url
				})
			},
			//
			tzsgjg() {
				uni.navigateBack(1)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ssousuobox1 {
		background-color: #E8E8E8;
		width: 80%;
		border-radius: 36rpx;
		padding: 10rpx 30rpx;
	}
</style>